<!DOCTYPE html>
<html lang='en'>
<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="../css/cart.css"/>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <title>Document</title>
</head>
<body>
    <div class="container-fluid hidden-xs box">
        <div class="container main">
            <div class="row">
                <!-- 左边 -->
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <ul class="nav nav-pills h">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="#">华为</a></li>
                        <li><a href="#">花粉俱乐部</a></li>
                        <li><a href="#">V码(优购码)</a></li>
                        <li><a href="#">企业购</a></li>
                        <li><a href="#">Select Region</a></li>
                        <li>
                            <a  class="dropdown-toggle" data-toggle="dropdown"href="#">
                            更多精彩<span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">HarmonyOS</a></li>
                            <li><a href="#">应用市场</a></li>
                            <li><a href="#">华为终端云空间</a></li>
                            <li><a href="#">开发者联盟</a></li>
                        </ul>
                    </li>
                      </ul>
                </div>
                <!--右边  -->
                <div class="col-lg-6 col-md-6 col-sm-6 hidden-xs row">
                    <ul class="nav nav-pills h col-md-4 col-md-push-1 login">
                        <!-- <li><a href="../html/longin.html">请登录</a></li>
                        <li><a href="../html/register.html">注册</a></li> -->
                        <!-- <li><a href="#">我的订单</a></li>
                        <li><a href="#">客服<span class="caret"></span></a></li>
                        <li><a href="#">网站导航<span class="caret"></span></a></li>
                        <li><a href="#">手机版<span class="caret"></span></a></li>
                        <li>
                            <a href="#">
                            <span style="margin-right: 1px;" class="glyphicon glyphicon-shopping-cart"></span>购物车
                            </a>
                        </li> -->
                      </ul>
                      <ul class="nav nav-pills h col-md-8">
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">客服<span class="caret"></span></a></li>
                        <li><a href="#">网站导航<span class="caret"></span></a></li>
                        <li><a href="#">手机版<span class="caret"></span></a></li>
                        
                      </ul>
                </div>
            </div>
        </div>
    </div>
<!-- 头部 -->
    <div class="container-fluid box1">
        <div class="container main">
            <div class="row">
                <div class="col-md-2 nav-left">
                    <a href="../html/index.html"><img src="../img/logo_app.png"/></a>
                </div>
                <div class="col-md-10">
                    <h4 style="line-height: 57px;font-weight: bold;">我的购物车</h4>
                </div>
            </div>
        </div>
    </div>

<!-- 购物车 -->
<div class="container-fluid">
    <div class="container box3">
        <div class="wrap cart">
            <div class="content" style="background-color: rgb(204, 210, 213);">
                
                <table class="table">
                    <thead>
                        <tr>
                            <th><input type="checkbox" name="selectAll"></th>
                            <th>商品图片</th>
                            <th>商品名称</th>
                            <th>商品价格</th>
                            <th>商品数量</th>
                            <th>小计</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr valign="bottom">
                            <!-- <td><input type="checkbox" name="selectOne"></td>
                            <td><img src="http://pic.baike.soso.com/ugc/baikepic2/11812/cov-20190731150336-617026083_jpg_1280_879_74718.jpg/300" width="50" height="50"></td>
                            <td>德云社</td>
                            <td class="price">￥<span>25.00</span></td>                    
                            <td class="number" data-stock="10" data-id="21">
                                <button class="btn btn-default reduce">-</button>
                                <input type="text" name="number" value="8">
                                <button class="btn btn-default add">+</button>
                            </td>
                            <td class="subtotal">￥<span>200</span></td>
                            <td><button class="btn btn-danger remove">移除</button></td> -->
                        </tr>                
                    </tbody>
                    <tfoot>
                        <tr>
                            <!-- <td><input type="checkbox" name="selectAll"></td>
                            <td colspan="2">商品总数：<span class="totalNum">0</span></td>
                            <td colspan="2">商品总价：<span class="totalPrice">0</span></td>
                            <td><a class="btn btn-primary" href="index.html">回列表页</a></td>
                            <td><a class="btn btn-warning" href="order.html">去结算</a></td> -->
                        </tr>
                    </tfoot>
                </table>
        
                <!-- <div class="row">
                     <div class="col-md-12 text-center" style="margin-top:150px;">
                     <span class="glyphicon glyphicon-shopping-cart" style="font-size: 40px;color:rgb(159, 216, 232);"></span>
                     <p style="color: rgb(153, 190, 229);">你的购物车里什么都没有哦</p>
                     <a href="index.html" class="btn btn-danger btn-lg" role="button">去逛逛</a>
                     </div>
                 </div> -->
            </div>
        </div>
       
    </div>
</div>
    <!-- 底部 -->
    <div class="container-fluid hidden-xs" style="height:400px;">
        <div class="container main">
            <div class="row banner">
                <div class="col-md-3  col-sm-6 col-xs-12 text-center"><span class="glyphicon glyphicon-lock"></span><span>百强企业</span><span>品质保证</span></div>
                <div class="col-md-3  col-sm-6 col-xs-12 text-center"><span class="glyphicon glyphicon-book"></span><span>7天退货</span><span>15天退货</span></div>
                <div class="col-md-3  col-sm-6 col-xs-12 text-center"><span class="	glyphicon glyphicon-tint"></span><span>48元起免运费</span></div>
                <div class="col-md-3  col-sm-6 col-xs-12 text-center"><span class="	glyphicon glyphicon-stop"></span><span>2000家服务店</span><span>全国联保</span></div>
              </div>
          <div class="row banner1">
            <div class="col-md-9" style="height: 100%;">
            <div class="row" style="height:40px;">
              <div class="col-md-2  col-sm-6 col-xs-12 text-center">购物指南</div>
              <div class="col-md-2  col-sm-6 col-xs-12 text-center">售后服务</div>
              <div class="col-md-2  col-sm-6 col-xs-12 text-center">维修与技术支持</div>
              <div class="col-md-2  col-sm-6 col-xs-12 text-center">特色服务</div>
              <div class="col-md-2  col-sm-6 col-xs-12 text-center">关于我们</div>
              <div class="col-md-2  col-sm-6 col-xs-12 text-center">友情链接 ></div>
            </div>
            <div class="row" style="height:100px;">
              <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
                <ul class="list-unstyled listun">
                  <li>免息分期</li>
                  <li>依旧换新</li>
                  <li>众测活动</li>
                  <li>企业购</li>
                  <li>O2O采购</li>
                  <li>售后服务</li>
                </ul>
              </div>
              <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
                <ul class="list-unstyled listun">
                  <li>门店维修</li>
                  <li>保修政策</li>
                  <li>防伪查询</li>
                  <li>退换货政策</li>
                  <li>手机寄修服务</li>
                </ul>
              </div>
              <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
                <ul class="list-unstyled listun">
                  <li>服务店</li>
                  <li>预约维修</li>
                  <li>手机寄修</li>
                  <li>备件价格查询</li>
                  <li>上门服务</li>
                  <li>特色服务</li>
                </ul>
              </div>
              <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
                <ul class="list-unstyled listun">
                  <li>防伪查询</li>
                  <li>补购保障</li>
                  <li>以旧换新</li>
                  <li>礼品包装</li>
                  <li>关于我们</li>
                </ul>
              </div>
              <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
                <ul class="list-unstyled listun">
                  <li>公司介绍</li>
                  <li>华为零售店</li>
                  <li>商家中心</li>
                  <li>意见反馈</li>
                  <li>友情链接</li>
                </ul>
              </div>
              <div class="col-md-2  col-sm-6 col-xs-12 text-center cur">
                <ul class="list-unstyled listun">
                  <li>华为集团</li>
                  <li>华为CBG官网</li>
                  <li>花粉俱乐部</li>
                  <li>华为云</li>
                  <li>华为应用市场</li>
                  <li>华为心声社区</li>
                  <li>950805</li>
                </ul>
              </div>
            </div>
            </div>
            <div class="col-md-3 text-center" style="height: 100%;">
            <p><strong>9500805</strong></p>
            <p>72小时服务</p>
            <button class="btt"><span class="glyphicon glyphicon-headphones" style="margin-right: 5px;"></span>在线客服</button>
            </div>
          </div>
        </div>
      </div>
</body>
</html>
<script>
    /*

    */
</script>
<script src="../utils/cookie.js"></script>
<script src="../utils/ajax.js"></script>
<script src="../js/checkLogin.js"></script>
<script src="../lib/layer/layer.js"></script>
<script src="../js/cart.js"></script>